<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>海运订单页</title>
<style>
* {margin:0;padding:0;}
body {font:9pt "Microsoft yahei", Arial;}
textarea {text-transform:uppercase;}
th {text-align:left;}
td {padding-right:15px;}
.tips{font:9pt; color:blue;}
.length1 {width:90px;}
.middle_area {text-align:right;}
.wrapper {width:640px;margin:20px auto auto auto;position:relative;}
.wrapper table {width:571px;}
.wrapper_shell {
	width:640px;
	height:100%;
	position:absolute;
	display:none;
	top:0;
	left:0;
	z-index:99;
	background:#EEE;
	-moz-opacity:0.4;
	opacity: 0.4;
	filter:alpha(opacity=40);
}
.wrapper input[type="text"] {
	border:solid 1px #CCC;
	height:20px;
	line-height:20px;
	text-indent:5px;
	text-transform:uppercase;
}
.wrapper input[type="text"]:focus, select:focus, textarea:focus {
	border:solid 1px #C33;
	background:#FCC;
}

#fcl_div {display:none;}

</style>
<link type="text/css" rel="stylesheet" href="__APP__/__PUBLIC__/Scripts/calendar/calendar.css" >
<script type="text/javascript" src="__APP__/__PUBLIC__/Scripts/calendar/calendar.js" ></script>
<script type="text/javascript" src="__APP__/__PUBLIC__/Scripts/calendar/calendar-zh.js" ></script>
<script type="text/javascript" src="__APP__/__PUBLIC__/Scripts/calendar/calendar-setup.js"></script>
<script language="javascript">
	function select_terms2(){
		var terms2 = document.getElementById("terms2").value;
		var fcl_div=document.getElementById("fcl_div");
		if(terms2=="FCL") 
			fcl_div.style.display="inline";
		else
			fcl_div.style.display="none";
	}
	function check_form(){
		
	}
</script>
</head>

<body>
<div class="wrapper">
  <form method="post" onsubmit="return check_form();">
  	<input type="hidden" name="bookingID" id="bookingID" />
    <table height="190" align="center">
    <tr>
        <td colspan="2">联系人<input type="text" class="length1" name="contactPerson" id="contactPerson" /></td>
        <td colspan="2">电话<input type="text" class="length1" name="contactTel" id="contactTel" /></td>
        <td colspan="2">邮箱地址<input type="text" class="length1" name="contactEmail" id="contactEmail" /></td>
      </tr>
      <tr>
        <td colspan="2">&nbsp;</td>
        <td colspan="2"></td>
        <td colspan="2"></td>
      </tr>
      <tr>
        <th colspan="2" scope="col">发货人<span class="tips">(
          <input type="checkbox" name="checkbox" id="checkbox" />
          <label for="checkbox">保存为常用</label>
        )</span></th>
        <th colspan="2" scope="col">收货人</th>
        <th colspan="2" scope="col">通知人</th>
      </tr>
      <tr>
        <td colspan="2"><input name="shipper_line1" type="text" id="shipper_line1" /></td>
        <td colspan="2"><input type="text" name="consignee_line1" id="consignee_line1" /></td>
        <td colspan="2"><input type="text" name="notify_line1" id="notify_line1" /></td>
      </tr>
      <tr>
        <td colspan="2"><input name="shipper_line2" type="text" id="shipper_line2" /></td>
        <td colspan="2"><input type="text" name="consignee_line2" id="consignee_line2" /></td>
        <td colspan="2"><input type="text" name="notify_line2" id="notify_line2" /></td>
      </tr>
      <tr>
        <td colspan="2"><input name="shipper_line3" type="text" id="shipper_line3" /></td>
        <td colspan="2"><input type="text" name="consignee_line3" id="consignee_line3" /></td>
        <td colspan="2"><input type="text" name="notify_line3" id="notify_line3" /></td>
      </tr>
      <tr>
        <td colspan="2"><input name="shipper_line4" type="text" id="shipper_line4" /></td>
        <td colspan="2"><input type="text" name="consignee_line4" id="consignee_line4" /></td>
        <td colspan="2"><input type="text" name="notify_line4" id="notify_line4" /></td>
      </tr>
      <tr>
        <td colspan="2"><input name="shipper_line5" type="text" id="shipper_line5" /></td>
        <td colspan="2"><input type="text" name="consignee_line5" id="consignee_line5" /></td>
        <td colspan="2"><input type="text" name="notify_line5" id="notify_line5" /></td>
      </tr>
      <tr>
        <td>TEL</td>
        <td><input name="shipper_tel" type="text" class="length1" id="shipper_tel"/></td>
        <td>TEL</td>
        <td><input type="text" class="length1" name="consignee_tel" id="consignee_tel"/></td>
        <td>TEL</td>
        <td><input type="text" class="length1" name="notify_tel" id="notify_tel"/></td>
      </tr>
      <tr>
        <td>FAX </td>
        <td><input name="shipper_fax" type="text" class="length1" id="shipper_fax"/></td>
        <td>FAX</td>
        <td><input type="text" class="length1" name="consignee_fax" id="consignee_fax"/></td>
        <td>FAX</td>
        <td><input type="text" class="length1" name="notify_fax" id="notify_fax"/></td>
      </tr>
      <tr>
        <td colspan="2">&nbsp;</td>
        <td colspan="2">&nbsp;</td>
        <td colspan="2">&nbsp;</td>
      </tr>
      <tr>
        <td colspan="2" class="middle_area" valign="top">FCL/LCL:
          <select name="terms2" class="length1" id="terms2" onchange="select_terms2();">
            <option value="" selected="selected"></option>
            <option value="LCL">散货LCL</option>
            <option value="FCL">柜货FCL</option>
          </select></td>
        <td colspan="3" valign="top"><div id="fcl_div">
            <input name="fcl_num1" type="text" id="fcl_num1" size="4" value=""/>
            x
            <select name="fcl_type1" id="fcl_type1">
              <option value="" selected="selected"></option>
              <option value="20'GP" >20'GP</option>
              <option value="40'GP" >40'GP</option>
            </select>
            <br/>
            <input name="fcl_num2" type="text" id="fcl_num2" size="4"/>
            x
            <select name="fcl_type2" id="fcl_type2" >
              <option value="" selected="selected"></option>
              <option value="20'GP" >20'GP</option>
              <option value="40'GP" >40'GP</option>
            </select>
            <span style="font-size:12px; color:blue;">(如没有请留空)</span></div></td>
        <td valign="top"><span class="middle_area">运输条款:
            <select name="terms" id="terms">
        <option value="" selected="selected"></option>
              <option value="FOB" >FOB</option>
              <option value="CIF" >CIF</option>
              <option value="EXW" >EXW</option>
            </select>
        </span></td>
      </tr>
      <tr>
        <td colspan="2" class="middle_area">货好日期:
        <input name="cargo_ready_date" type="text" class="length1" id="EntTime" style="width:100px;" onclick="return showCalendar('EntTime', 'y-mm-dd');" size="10" maxlength="10" readonly="readonly"/></td>
        <td colspan="2" class="middle_area">起运港POL:
          <input  name="pol" type="text" class="length1" id="pol"/></td>
        <td colspan="2">目的港DEL:
          <input  name="del" type="text" class="length1" id="del"/></td>
      </tr>
      <tr class="middle_area">
        <td colspan="2">件数:
          <input name="qty" type="text" class="length1" id="qty" size="8" maxlength="4"/></td>
        <td colspan="2">重量:
          千克(KGS):
          <input name="weight" type="text" id="weight" size="8" maxlength="10"/></td>
        <td colspan="2">体积:立方米
          <input name="cbm" type="text" id="cbm" size="8" maxlength="10"/></td>
      </tr>
      <tr>
        <td colspan="2"></td>
        <td colspan="2">&nbsp;</td>
        <td colspan="2">&nbsp;</td>
      </tr>
      <tr>
        <td colspan="2">唛头
          (散货请务必填写)<br/>
          <textarea name="marks" rows="10" id="marks"></textarea></td>
        <td colspan="2">品名<br/>
          <textarea name="description" rows="10" id="description"></textarea></td>
        <td colspan="2">&nbsp;</td>
      </tr>
      <tr>
        <td colspan="2"><input type="submit" value="保存" /></td>
        <td colspan="2">&nbsp;</td>
        <td colspan="2">&nbsp;</td>
      </tr>
    </table>
    <div class="wrapper_shell"></div>
  </form>
</div>
<?php
 if($_POST) print_r($_POST); ?>
</body>
</html>